iT邦幫忙

2023 iThome 鐵人賽

DAY 30
1
Vue.js

Nuxt.js 3.x 筆記-打造 SSR 專案系列 第 30

D30:Nuxt 3.x 筆記:總結與感想

  • 分享至 

  • xImage
  •  

終於來到最後一天~
今天不談技術,決定來分享一下參賽原因與總結這次的系列文內容。

/images/emoticon/emoticon42.gif

總結

本次系列文概念以從頭到尾實作一個 Nuxt3 專案為主題,每一篇都有範例實作,規劃如下:

  • Nuxt 渲染模式(SSR+SPA)說明
  • 專案架設
  • 統一團隊開發風格的 ESLint、Stylelint
  • 專案架構與各目錄功能
  • API 串接方法,進階說明 API 建立到整合 Mongodb
  • 狀態管理 useState 與 Pinia
  • I18n 多國語系、錯誤處理、自訂 Loading 效果等延伸功能
  • SEO 搜尋引擎優化相關的 Meta Tags 與 Sitemap 設定
  • 實作套件應用,帶大家熟悉 Nuxt3 搭配套件的方式
  • 專案部署(靜態 / SSR 部署)

個人覺得 Nuxt3 是 Nuxt2 的升級版,支援 Vue3 Composition API、配置更簡單直觀、nitro 引擎將 Nuxt 提升到全端框架、搭配 vite 編譯速度更快、auto-imports 讓我們可以專注在開發上等優點,有 Nuxt2 經驗的開發者,推薦嘗試 Nuxt3~


參賽原因與心得

過去自己是一個講求結果,很討厭寫文字的人,直到碰了前端領域,看了很多技術文章,才改變了想法。

目前的工作是第一份前端職務,很幸運的一待就三年了,這段時間從網路大神的文章學到很多,因此去年底,在完成了一個前端以 Nuxt2 開發的專案後,也終於開始我的筆記生涯(開啟的有點晚),決定把自己學習碰到的坑與過程記錄下來,除了讓自己再複習一遍,也希望能給予碰到相同問題的人一些幫助。

沒寫過不知道,認真開始寫文章後,一開始真的覺得好難,不過寫文章就跟學程式一樣,需要投入大量時間磨練,持續到現在也快一年了,不敢說很上手,不過比起一開始,能夠更快速的掌握自己想分享的內容以及架構,也能鍛鍊自己的資訊整合能力,我自己時常是在開發完,把過程記錄下來的時候,才真正釐清很多觀念。

有了先前 Nuxt2 的開發經驗,幾個月前開始研究 Nuxt3,於是這次終於鼓起勇氣參賽,即便已經提前準備,開賽後也是絞盡腦汁產文,要準備將近30篇完整的系列文章需要動力,鐵人賽就是推動我們前進的力量,能夠堅持30天的大家都不容易。

小時候以為把「不知道變成知道」是一種確認,讓人心安,
實際上活了一把年紀後才理解,有廣大的未知可以探索,才是活著的幸福。
____ 《給未來的讀者》

謝謝看到這裡的大家~
如果各位有從這些文章中得到一點收穫,也歡迎關注我的 部落格
未來會持續研究 Nuxt3 進階優化與 Nuxt Content 相關功能。
希望我們都能從探索未知中,找到屬於自己的快樂!

/images/emoticon/emoticon34.gif


上一篇
D29:Nuxt 3.x Universal(SSR)專案部署到 Firebase
系列文
Nuxt.js 3.x 筆記-打造 SSR 專案30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
Dylan
iT邦新手 1 級 ‧ 2023-10-12 15:47:59

恭喜完賽~

/images/emoticon/emoticon42.gif

0
Tim Hsu
iT邦新手 1 級 ‧ 2024-03-28 09:11:13

十分受用,感謝分享!!

謝謝你的回饋~

我要留言

立即登入留言